*{margin:0;padding:0;}/*清除全局样式*/
body{font-family:"Microsoft YaHei";background:#dedede;}/*全局雅黑背景色*/
/*.toptitle{height:70px;background:black;}*/
header{position:relative;height:60px;background:#333;}
/*img{padding-left:20px;height:55px;}*/
#pic1{margin: auto;position: absolute;top: 0;bottom: 0;height: 55px;padding-left: 20px;}/*相对上下居中*/
/*img{margin: auto;position: absolute;top: 0; left: 0; bottom: 0; right: 0;}*/
/*header h1{padding-left:20px;height:58px;}*/
header ul{position: absolute;top:0;right:10px;}
/*header ul li{text-align:center;widows:60px;display:block;float:left;padding:20px 20px;}*/
/*header ul li{text-decoration:none;color:white;font-size:12px;float: left;}
/*a{text-decoration:none;color:white;}*/
header ul li a{color: white;font-size: 12px;text-decoration: none;}
header ul li{float: left;padding: 20px 40px 20px 0px;}
span{font-size: 12px;}
/*正文样式*/
/*article{margin: 20px 20px;background: white;padding: 20px 20px;
border-top-width: 1.5px;border-top-color: #666;border-top-style: solid;
border-right-color: #666;border-right-width: 3px;border-right-style: solid;
border-bottom-color: #666;border-bottom-width: 3px;border-bottom-style: solid;
border-left-width: 1.5px;border-left-color: #666;border-left-style: solid;}*/
/*粗细 样式 颜色
article{margin: 20px 20px;background: white;padding: 20px 20px;border-right: 3px solid #666;}*/
/*正文阴影样式*/
article{margin: 20px 20px;background-color: white;padding: 20px 20px;box-shadow: 1px 1px 2px 1px #666;}

p{text-indent: 2em;line-height: 150%;letter-spacing: 2px;}
h2,h3,h4{line-height: 150%;letter-spacing: 2px;}
img{padding: 20px 0;}
.list1{list-style-type: none;margin-left: 20px;}
article dl dd{border: 1px solid black;margin: 25px 25px;width: 120px;height: 120px;position: relative;}
article dl dd span{display: block;font-size: 12px;text-align: center;margin: 5px;}
/*article dl dd img{width: 80px;height: 80px;position: absolute;margin: auto;right: 0;left: 0;}*/
article dl dd img{padding: 5px;height: 80px;position: absolute;margin: auto;right: 0;left: 0;}
article ol{margin:10px 60px;}
article table,tbody,th,tr,td{border: 1px solid #ccc;font-size: 12px;padding: 5px 5px;}
article table{width: 100%;border-collapse: collapse;}
article table tbody th{background-color: #333;color: white;text-align: left;}
.table_td{background-color: #ccc;}
.title1{border-left: 3px solid #ccc;padding-left: 20px;font-size: 16px;height: 40px;line-height: 40px;}
.tips{float: left;text-align: right;width: 35%;padding-right: 20px;font-size: 8px;}
.tips:after{clear: both;content: ""}/*清除tips产生的浮动,这是清除浮动的一种方法.注意这个 content:"" 是个坑,如果不写这个属性的话,这个伪元素不会生效*/

article form div{padding: 10px;line-height: 30px;font-size: 14px;}/*去掉高度,每行的高度是不一定的*/
/*圆角按钮*/
/*article form div input{width: 50%;float:bottom;}*/
/*article textarea{width: 50%;height: 50px;}*/
.textarea{width: 50%;height: 100px;}/*绝对定位会脱离文档流,导致父容器不知道他的高度*/
.button{width: 50%;height: 40px;position: relative;float: left;
	border-radius: 10px;border: none;font-family: "微软雅黑";} /*此处的浮动也需要清除,我用的是另一种方法,看html文件的154行*/
.button:hover{background-color: #0063dc;}
/*clear 是清除清除周围的浮动, both 是左右都清除,也可以指定只清除 left或者right
在.tips:after 清除周围的浮动,也就是清除了.tips产生的浮动
浮动的原理有点复杂,你只要记到起"在最后一个产生浮动的节点后面清除浮动"就好了.*/
footer p{height: 60px;background-color: #333;text-align: center;color: white;line-height: 60px;font-size: 14px;}
/*.checkbox1{vertical-align: middle;}*/
.size1{font-size: 8px;}